<template>
  <el-card>
    <div class="column">
      <div class="column-title">{{ title }}</div>
      <div class="p-6 p-t-16">
        <slot></slot>
      </div>
    </div>
  </el-card>
</template>
<script setup>
import { ref } from 'vue';
const props = defineProps({
  title: {
    type: String,
    default: ''
  }
})

</script>
<style scoped lang="scss">
.column {
  display: flex;
  flex-direction: column;
  .column-title {
    font-size: 16px;
    padding: 0px 0px 8px 6px;
    border-bottom: 1px solid #DCDFE6;
  }
}
</style>